// 表格
.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-align: center;
    width: 100%;
}

.table {
    background: #fff;
    width: 100%;
    overflow: visible;
    .table-row {
        height: 36px;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        border-top: 1px solid #eeeeee;
        display: flex;
        align-items: center;
        justify-content: space-around;
        span {
            width: 9%;
            display: flex;
            align-items: center;
            justify-content: center;
            white-space: nowrap;
            button {
                background: none;
                border: 1px solid #a2a2a2;
                padding: 5px 12px;
                outline: none;
            }
            button:hover {
                border: none;
                border: 1px solid $subthemeColor;
                background: $subthemeColor;
                color: #fff;
            }
            input[type="text"],input[type="number"] {
                width: 100%;
                text-align: center;
            }
            input[type="button"] {
                width: 54px;
            }
        }
        .two-imgs {
            display: flex;
            justify-content: center;
            height: 100%;
            i {
                color: #999;
            }
            span {
                height: 100%;
                width: 80px;
                display: flex;
                justify-content: space-around;
                span {
                    width: 50%;
                    cursor: pointer;
                }
                span:hover {
                    background: #eee;
                }
            }
        }
        .two-buttons {
            display: flex;
            button {
                flex-shrink: 0;
                margin-right: 5px;
            }
        }
        .ellipsis {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            display: block;
            text-align: center;
        }
        .ellipsis.rtl {
            cursor: auto;
            direction: rtl;
        }
        .ellipsis:hover {
            background: #eee;
            z-index: 100;
            height: auto;
            white-space: normal;
            word-break: break-all;
            padding: 5px;
        }
    }
    .head {
        border-top: none;
        span {
            color: #999;
            font-weight: bold;
        }
        .sort {
            color: rgb(255,69,0);
        }
    }
    .total {
        //justify-content: flex-end;
        span {
            font-weight: bold;
        }
    }
}

.foot {
    background: #fff;
    width: 100%;
    height: 35px;
    // margin-top: 5px;
    overflow: hidden;
    div {
        height: 35px;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        border-top: 1px solid #eeeeee;
        display: flex;
        align-items: center;
        justify-content: space-around;
        span {
            width: 13%;
            display: flex;
            align-items: center;
            justify-content: center;
            white-space: nowrap;
        }
    }
}